{include file="public/header" /}
<div class="layui-body">
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">节点列表</li>
            <!--注销调价节点-->
            <!--<li class="layui-btn"><a href="javascript:void(0)"  onclick="change()" style="color: white">添加节点</a></li>-->
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <table class="layui-table" style="text-align: center;">
                    <thead>
                    <tr>
                        <th style="width: 30px;text-align: center">ID</th>
                        <th style="text-align: center">节点名</th>
                        <th style="text-align: center">链接地址</th>
                        <th style="text-align: center">状态</th>
                        <th style="text-align: center ;width:100px">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="list" id="val"}

                    <tr id="dels{$val.id}">
                        <td>{$val.id}</td>
                        <td>{$val.node_name}</td>
                        <td>{$val.url}</td>
                        <td id="sort{$val.id}">
                            {if condition="$val.sort eq 0"}
                               启用中
                            {else /}
                               禁用中
                            {/if}
                        </td>
                            <!--修改节点-->
                           <!-- <a href="javascript:void(0)" class="layui-btn layui-btn-normal layui-btn-mini" onclick="go('{$val.id}')">编辑</a>
                            <a href="javascript:void(0)" class="layui-btn layui-btn-danger layui-btn-mini" onclick="del('{$val.id}')">删除</a>-->
                        <td>
                            {if condition="$val.sort eq 0"}
                            <a href="javascript:void(0)" class="layui-btn layui-btn-danger layui-btn-mini" id="exit{$val.id}" onclick="go('{$val.id}','{$val.sort}')">禁用</a>
                            {else /}
                            <a href="javascript:void(0)" class="layui-btn layui-btn-normal layui-btn-mini" id="exit{$val.id}" onclick="go('{$val.id}','{$val.sort}')">启用</a>
                            {/if}

                        </td>

                    </tr>

                    {/volist}
                    </tbody>
                </table>
            </div>
            <div style="text-align: center;">{$page}</div>
        </div>
    </div>
</div>
{include file="public/footer" /}
<script>
    /*跳转页面*/
    function change(){
        window.location.href='{:url("add")}';
    }
    /*修改跳转*/
    function go(id,sort){
        debugger;
        $.ajax({
            type:'GET',
            url:'{:url("Node/change")}',
            data:'id='+id+'&sort='+sort,
            dataType:'JSON',
            success:function(result){
                debugger;
                console.log(result);
                if ( result != '' ) {
                    var mm="sort"+result.id;
                    var exit="exit"+result.id;
                    var aa=layer.load(2,{shade:false});
                    //一秒过后弹出层消失
                    setTimeout(function(){
                        layer.close(aa);
                        debugger;
                        if(result.sort=='0'){
                            $('#'+exit).attr('class',"layui-btn layui-btn-danger layui-btn-mini");
                            $('#'+exit).html('禁用');
                            $('#'+mm).html('启用中');
                            $('#'+exit).attr('onclick', 'go(' + result.id + ',' + result.sort + ')');
                            layer.msg('亲启用成功了！！！');
                        }else if(result.sort=='1'){
                            $('#'+exit).attr("class","layui-btn layui-btn-normal layui-btn-mini");
                            $('#'+exit).html('启用');
                            $('#'+mm).html('禁用中');
                            $('#'+exit).attr('onclick', 'go(' + result.id + ',' + result.sort + ')');
                            layer.msg('亲禁用成功了！！！');
                        }

                        //获取点击删除的节点
                    },1000);
                }
            },
            error:function(res){
                 alert("连接超时，请刷新试试");
            }
        });
       // window.location.href='{:url("update")}'+'?id='+id;
    }

        /*删除单个*/
    function del(id) {
        //ajax实现异步删除数据（逻辑删除，只是改变字段的状态）
        $.ajax({
            type: "POST",
            url: "{:url('Node/del')}",
            data: 'id='+id,
            dataType: "json",
            success: function (data) {
                // debugger;
                // alert(data+"##"+1);
                //window.location.reload(data);
                //layer弹出层
                var aa=layer.load(2,{shade:false});
                //一秒过后弹出层消失
                setTimeout(function(){
                    layer.close(aa);
                    layer.msg('删除成功！！！')
                    //获取点击删除的节点
                    var child=document.getElementById("dels"+id);
                    //把获取到的节点删除掉
                    child.remove();
                },1000);
            },error: function(err){
                alert("数据已逃跑，请刷新页面");
            }
        })

    }

</script>